<template>
	<view class="recordns_list">
		<view class="recordns_item" v-for="(item,index) in recordnsList" :key="index" @click="goToAddrecordDeta(item)">
			<view class="rec_item_box">
				<image class="rec_it_img" src="https://xcx.shuizhisu.com/public/static/img/nav/niaosuan.png" mode=""></image>
			</view> 
			<view class="rec_it_con">
				<text>尿酸值</text>
				<text>{{item.time}}</text>
			</view>
			<text class="rev_it_fr"><text style="color: #f54e63; font-size: 36rpx; margin-right: 10rpx;">{{item.value}} </text> umol/L</text>
		</view>
	</view> 
</template>

<script>
	export default {
		data() {
			return {
				recordnsList:[], 
				page: 1,
				month: null,
				year: null 
			};
		},
		onLoad(options) {    
			options.yearTime? this.year = options.yearTime : ''
			options.monthTiem? this.month = options.monthTiem: ''  
		},
		onShow() { 
			  this.getUaList()
		},
		methods:{
			getUaList(){ 
				this.$api.sendRequest({
					url: '/api/ua/uaList?page=' + this.page ,
					success: res => { 
						if(res.code >= 0){
							this.recordnsList = res.data.data 
						}
					} 
				}) 
			},
			goToAddrecordDeta(info){ 
				uni.redirectTo({
					url: '../addrecordDeta/index?info=' + JSON.stringify(info)
				})
			}
		}
	}
</script>

<style lang="less">
.recordns_list{
	background-color: #fff;
	.recordns_item{ 
		padding: 20rpx;
		display: flex; 
		border-bottom: 2rpx solid #efebeb;
		.rec_item_box{
			position: relative;
			top: 10rpx;
			width: 80rpx;
			height: 80rpx;
			background-color: #01cb9b;
			border-radius: 50%;
			.rec_it_img{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				width: 60rpx;
				height: 60rpx;
				border-radius: 50%;
			}
		} 
		.rec_it_con{
			margin-left: 30rpx;
			flex: 1;
			display: flex;
			flex-direction: column;
			& text:nth-child(2){
				font-size: 28rpx;
				color: #bfbfbf;
			}
		}
		.rev_it_fr{}
	}
}
</style>
